:root{
    --ch:700px;
    --cw:700px;
    --bh:200px;
    --bw:200px;
}
.container{
    width: var(--cw);
    height:var(--ch);
    outline: 1px solid red;
    display: flex;

    /* flex-wrap: wrap; */
    flex-flow: row wrap;
    justify-content :flex-end;
    /* 用于多行 */
    /* align-content: space-between; */
    /* 用于单行 */
    align-items:flex-end ;
}
.box{
    width: var(--bw);
    height: var(--bh);
    background-color: rgb(88, 185, 93);
    outline: 1px solid rgb(161, 47, 255);
 
}
/* justify -- 主轴(默认水平)方向的对齐 */
/* align -- 交叉轴(默认垂直)方向的对齐 */
/* content -- 内容一般为多个元素 */
/* items -- 一般用于单个元素*/